{% extends "pc/base.html" %}
{% load cms_tags %}

{% block title %}ZTM.ME{% endblock title %}

{% block custom_css_js %}
{% endblock %}

{% block pc_content %}
<div class="container">

  <div class="row row-offcanvas row-offcanvas-right">
    <div class="col-xs-12 col-sm-9">
      <p class="pull-right visible-xs">
        <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
      </p>
      <div class="jumbotron">
        {% placeholder "jumbotron" or%}
        <h2>大家好，欢迎来到我的个人网站</h2>
        <p>
        <span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span></p>
        {% endplaceholder %}
      </div>
      <div class="row">
        {% placeholder "row_content" %}
      </div><!--/row-->
    </div><!--/.col-xs-12.col-sm-9-->

    <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">
      {% placeholder "right_sidebar" or%}
      <div class="list-group">
        <a href="#" class="list-group-item active">Link</a>
        <a href="#" class="list-group-item">Link</a>
        <a href="#" class="list-group-item">Link</a>
        <a href="#" class="list-group-item">Link</a>
        <a href="#" class="list-group-item">Link</a>
        <a href="#" class="list-group-item">Link</a>
        <a href="#" class="list-group-item">Link</a>
        <a href="#" class="list-group-item">Link</a>
        <a href="#" class="list-group-item">Link</a>
        <a href="#" class="list-group-item">Link</a>
      </div>
      {% endplaceholder %}
    </div><!--/.sidebar-offcanvas-->
  </div><!--/row-->
</div><!--/.container-->
{% endblock %}
